<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>日志查询</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <!-- CSS样式表引入 -->
    <link rel="stylesheet" type="text/css" href="../../../static/css/base/base.css"/>

</head>
<body class="gray-bg">
<div class="container-fluid">
    <div class="ibox dc-search dc-form">

        <!-- 搜索区域标题栏 -- 勿修改样式，避免风格出现差异 -->
        <div class="ibox-title">
            <span class="h5">搜索条件</span>
            <div class="ibox-tools">
                <a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
            </div>
        </div>

        <!-- 搜索区域 -- 勿修改样式，避免风格出现差异 -->
        <div class="ibox-content">
            <form role="form" id="queryForm" class="form-horizontal" action="">
                <!-- 表示搜索区域组，一个label对应一个搜索条件输入组件 -->
                <div class="form-group">


                    <div class="col-sm-4">
                        <label for="OPERATE_USER" class="col-sm-4 control-label searchLeft">
                            操作人
                        </label>
                        <div class="col-sm-8">
                            <!-- v-model参数和JS文件中定义的的VUE参数保持一致，用来作为查询参数 -->
                            <input type="text" v-model='myParams.OPERATE_USER' id="OPERATE_USER"
                                   class="form-control">
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <label for="OPERATE_TIMEFROM" class="col-sm-4 control-label searchLeft">
                            操作时间
                        </label>
                        <div class="col-sm-8">
                            <!-- v-model参数和JS文件中定义的的VUE参数保持一致，用来作为查询参数 -->
                            <input type="text" v-model='myParams.OPERATE_TIMEFROM'
                                   id="OPERATE_TIMEFROM" class="form-control">
                        </div>
                    </div>

                    <div class="col-sm-4">
                        <label for="OPERATE_TIMETO" class="col-sm-4 control-label searchLeft">
                            至
                        </label>
                        <div class="col-sm-8">
                            <!-- v-model参数和JS文件中定义的的VUE参数保持一致，用来作为查询参数 -->
                            <input type="text" v-model='myParams.OPERATE_TIMETO'
                                   id="OPERATE_TIMETO"
                                   class="form-control">
                        </div>
                    </div>

                </div>
                <div class="form-group">

                    <div class="col-sm-4">

                        <label for="BILL_NO" class="col-sm-4 control-label searchLeft">
                            单据号
                        </label>
                        <div class="col-sm-8">
                            <!-- v-model参数和JS文件中定义的的VUE参数保持一致，用来作为查询参数 -->
                            <input type="text" class="form-control" v-model='myParams.BILL_NO'
                                   id="BILL_NO">
                        </div>
                    </div>


                    <div class="col-sm-4">
                        <label for="MODULE" class="col-sm-4 control-label searchLeft">
                            模块
                        </label>
                        <div class="col-sm-8">
                            <!-- v-model参数和JS文件中定义的的VUE参数保持一致，用来作为查询参数 -->
                            <input type="text" v-model='myParams.MODULE' id="MODULE"
                                   class="form-control">
                        </div>
                    </div>
                    <!-- 查询区域按钮 -->
                    <div class="col-sm-2"
                         style="display: block;text-align: center;width: 100%;margin-top: 20px;">
                        <button class="btn btn-success buttonColor btnSize" type="button" id="btnQuery">查询
                        </button>
                        <button class="btn btn-success buttonColor btnSize" type="button" id="resetBtn">重置
                        </button>
                    </div>

                </div>
            </form>
        </div>
    </div>

    <div class="panel dc-panel panel-default">
        <div class="panel-body">
            <!-- 表格区域，请勿修改整体结构 -->
            <!-- 表格区域 -->
            <div class="fixed-table-body">
                <div class="fixed-table-loading" style="top: 42px;">正在加载, 请稍后 ...</div>
                <table id="tableGrid" data-striped="true">
                    <!-- 表格的具体内容在JS中进行初始化操作 -->
                </table>
            </div>

        </div>
    </div>


</div>
<!-- 框架JS文件引入--只可新增，请勿删减 -->
<script type="text/javascript" src="../../../static/javascript/base/base.js"></script>
<!-- 个人模块样式文件引入，引入时一定要加上defer，实现延时加载，等待页面渲染完毕 -->
<script type="text/javascript" src="../../../static/javascript/system/log/log.js"
        defer></script>
</body>
</html>